*{margin:0px; padding:0px;}

.sideBar {
    width:100px;
    height:600px;
    border:1px solid;
    margin-left:50px;
    position:fixed;
    background: #ccc;
}

.sideBar li{
    opacity: 0.5;
}

.sideBar li:hover{
    opacity: 1.0;
    display: block;
}

.sideBar .li1:hover #hiddiv1{
    display: block;
}

.sideBar .li2:hover #hiddiv2{
    display: block;
}

.sideBar .li3:hover #hiddiv3{
    display: block;
}

.sideBar .li4:hover #hiddiv4{
    display: block;
}

.sideBar .li5:hover #hiddiv5{
    display: block;
}


.sideBar ul li{
    list-style:none;
    padding-top:5px;
}

.sideBar div{
    border:0px solid;
    text-align:center;
    margin-top:5px;
}

.sideBar ul li a{
    text-decoration: none;
    color:black;
    font-size: 14px;
}

.sideBar ul li img{
    width:40px;
    height:40px;
}

#hiddiv1{
    width:200px;
    height:160px;
    position:absolute;
    top:-20px;
    left:102px;
    border:1px solid;
    display: none;
}

#hiddiv2{
    width:200px;
    height:160px;
    position:absolute;
    top:80px;
    left:102px;
    border:1px solid;
    z-index:9999;
    display: none;
}

#hiddiv3{
    width:200px;
    height:140px;
    position:absolute;
    top:160px;
    left:102px;
    border:1px solid;
    z-index:9999;
    display: none;
}

#hiddiv4{
    width:200px;
    height:120px;
    position:absolute;
    top:220px;
    left:102px;
    border:1px solid;
    display: none;
}

#hiddiv5{
    width:200px;
    height:160px;
    position:absolute;
    top:290px;
    left:102px;
    border:1px solid;
    display: none;
}


#img{
    width:200px;
    height:160px;
}



